نمایش متن به صورت فرمت شده در CkEditor
سلام
من برای بخش توضیحات از ck ادیتور استفاده کردم و برای متن هم از پیش فرض انتخاب می کنم ک در قسمت توضیحات اتومات ثبت بشه. فقط مشکلی ک هست اینه که من به صورت پاراگرافی متن رو ثبت کردم همانند عکس اما وقتی داخل باکس توضیحات قرار می گیره متن ها بصورت پشت سرهم هستند و هیچکدام از اینترها اعمال نمی شن. لطفا راهنمایی بفرمایید.
پاسخ هوش مصنوعی
برای حفظ فرمت متن و جلوگیری از نمایش آن به صورت پشت سر هم در CKEditor، می توانید از گزینه های موجود در CKEditor برای قرار دادن پاراگراف ها استفاده کنید. همچنین اطمینان حاصل کنید که هنگام ارسال متن، از تگ های HTML مناسب استفاده شود.
به عنوان مثال، می توانید از گزینه "html" در CKEditor استفاده کنید تا مطمین شوید که متن شما با تگ های پاراگراف به درستی ذخیره می شود:
CKEDITOR.replace('editor1', {
allowedContent: {
$1: {
// مجاز کردن هر تگی
elements: '$1',
attributes: true,
styles: true,
classes: true
}
}
});
همچنین اگر در هنگام ذخیره متن از کاراکتر HTML برای اینتر استفاده کرده اید، مطمین شوید که درست انجام شده باشد. برای بررسی این موضوع، کد زیر را می توانید استفاده کنید:
function saveContent() {
var editorData = CKEDITOR.instances.editor1.getData();
// بررسی اینکه آیا پاراگراف ها به درستی ثبت شده اند
console.log(editorData);
}
در کد بالا می توانید داده های ویرایشگر را مشاهده کرده و اطمینان حاصل کنید که تگ های HTML به درستی در حال استفاده هستند.
در نهایت، اطمینان حاصل کنید که CSS شما برای نمایش این تگ های HTML به درستی تنظیم شده باشد تا پاراگراف ها به درستی نمایان شوند.
سلام اگر شما متن رو به صورت فرمت شده از سمت دیتابیس دریافت کنید به صورت فرمت شده هم نمایش داده میشه. البته به این شرط که خود این متن فرمت شده در دیتابیس ذخیره شده باشه. یعنی شما باید متن هاتون رو توسط CkEditor بنویسید و در دیتابیس ذخیره کنید. حالا برای نمایشش هم به صورت فرمت شده نمایش میده. در تصویر زیر ردیف سوم به صورت فرمت شده ذخیره شده و به همین صورت هم نمایش داده میشه.
من از ck استفاده کردم برای ثبت و در قسمت لیت هم با کد زیر
@Html.Raw(item.AdministrativeFormContent)
مثل عکس زیر
نمایش درستی داره اما در قسمتی ک می خوام ازش استفاده کنم بصورت زیر هست.
- آموزش استفاده از پلاگین گردونه شانس در Asp.net core به همراه سورس
- نمایش متن به صورت فرمت شده در CkEditor
- آموزش استفاده از SignalR در Asp.net Core با مثال عملی
- ادغام چند گزارش استیمول سافت بصورت پی دی اف در یک فایل
- نحوه تغییر استایل کامپوننت select2 چگونه است ؟
- چگونه امنیت پروژه را در Asp.net Core افزایش دهیم ؟
- ارسال پارامتر در دستور window.open جی کویری
- ارسال پارامتر از طریق جاوااسکریپت با کلیک روی تگ a
- خطای 500 زمان اجرا شدن پروژه روی هاست
- کویری نویسی در استیمول سافت جهت فیلتر اطلاعات
- کار با CkEditor با قابلیت آپلود عکس
- خطا در ایجاد migration در Asp.net core
- تفاوت های Asp.net core و Asp.net mvc چیه؟
- دلیل اسپم شدن ایمیل های ارسالی از سرور
- ارسال ایمیل در Asp.net core
- احراز هویت از طریق اکتیو دایرکتوری
- استفاده از کوکی در Asp.net core
- دلیل false بودن User.Identity.IsAuthenticated بعد از Login چیست؟
- استفاده از Stored Procedure در انتیتی فریم ورک code First
- نگهداری مشخصات کاربر لاگین شده در یک Object